<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>提交订单</title>
    <!-- 网站说明 -->
    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 关键词 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入初始化CSS样式 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- 引入公共CSS样式 -->
    <link rel="stylesheet" href="css/submit.css" />
</head>

<body>
    <!-- 顶部部分 -->
    <div class="top">
        <div class="w">
            <!-- 左侧部分 -->
            <ul>
                <li>品优购欢迎您！</li>
                <li>请登录</li>
                <li><a>免费注册</a></li>
            </ul>
            <ul>
                <li><em>网站导航</em></li>
                <li><em>客户服务</em></li>
                <li><em>关注品优购</em></li>
                <li>企业采购</li>
                <li>品优购会员</li>
                <li><em>我的品优购</em></li>
                <li>我的订单</li>
            </ul>
        </div>
    </div>
    <!-- 顶部结束 -->
    <!-- nav部分开始 -->
    <nav>
        <div class="w">
            <div class="logo">
                <img src="images/logo.png" alt="" /> <em>购物车</em>

                <input type="text" placeholder="品优自营" autofocus />
                <button>搜索</button>
            </div>
        </div>
    </nav>
    <!-- nav部分结束 -->
    <!-- 内容开始 -->
    <article class="w">
        <div class="art_top">填写并核对订单信息</div>
        <div class="art_art">
            <p>
                <b>收件人信息</b>
                <em><a href="#">新增收货地址</a></em>
            </p>
            <p>
                <em>董某 北京</em>
                <b>董谋 北京市海淀区三环内 中关村软件园9号楼 159****3201</b>
            </p>

            <p>更多地址</p>
            <p>
                <b>匹配自提点</b>

                <em>时代思远书店 中关村软件园9号楼时代思远书店 </em>
            </p>
            <div>
                <h3>支付方式</h3>
                <ul>
                    <li>货到付款</li>
                    <li>微信付款</li>
                    <li>在线支付</li>
                    <li>更多&gt;&gt;</li>
                </ul>
            </div>

            <div>
                <h3>送货清单</h3>
            </div>
            <div>
                <h3>配送方式：</h3>
                <p>
                    <b>天天快递</b>
                    <i>配送时间：预计8月10日（周三）09:00-15:00送达</i>
                    <u><a href="#">修改</a></u>
                </p>
            </div>
            <div class="art_bottom">
                <h3>配送商品</h3>
                <img src="images/apple12dan.jpg" alt="" />
                <ul>
                    <li>
                        Apple iPhone 12 (A1700) 256G 蓝色 移动联通电信5G手机 硅胶透明防摔软壳 本色系列
                    </li>
                    <li>&yen;5399.00</li>
                    <li>x1</li>
                    <li>有货</li>
                </ul>
                <p>7天无理由退货</p>
            </div>
            <div>
                <h3>发票信息</h3>
                <ul>
                    <li>普通发票（电子）</li>
                    <li>个人</li>
                    <li>明细</li>
                    <li><a href="#">修改</a></li>
                </ul>
                <u>使用优惠/抵用</u>
            </div>
        </div>
    </article>
    <div class="w art_footer">
        <div>
            1件商品，总商品金额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&yen;5399.00
        </div>
        <div>返现：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&yen;-&yen;0.00</div>
        <div>运费：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&yen;&yen;0.00</div>
        <div>
            <div>
                应付总额：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>&yen;5399.00</b>
            </div>
            <div>
                <em>寄送至：北京市海淀区三环内 中关村软件园9号楼 收货人：某某某
            159****3201</em
          >
        </div>
      </div>
      <div>
        <button>提交订单</button>
      </div>
    </div>
    <!-- 内容结束 -->
    <!-- 底部开始 -->
    <footer class="footer_self">
      <div class="w footer">
        <div class="footer_top">
          <ul>
            <li>
              <em></em>
                <div>
                    <b>正品保障</b>
                    <p>正品保障，提供发票</p>
                </div>
                </li>
                <li>
                    <em></em>
                    <div>
                        <b>极速物流</b>
                        <p>急速物流，急速送达</p>
                    </div>
                </li>
                <li>
                    <em></em>
                    <div>
                        <b>无忧售后</b>
                        <p>7天无理由退换货</p>
                    </div>
                </li>
                <li>
                    <em></em>
                    <div>
                        <b>特色服务</b>
                        <p>私人定制家电套餐</p>
                    </div>
                </li>
                <li>
                    <em></em>
                    <div>
                        <b>帮助中心</b>
                        <p>您的购物指南</p>
                    </div>
                </li>
                </ul>
            </div>
            <div class="footer_center">
                <ul>
                    <li>
                        <dl>
                            <dt>购物指南</dt>

                            <dd><a href="#">购物流程</a></dd>
                            <dd><a href="#"> 会员介绍</a></dd>
                            <dd><a href="#">生活旅行/团购</a></dd>
                            <dd><a href="#">常见问题</a></dd>
                            <dd><a href="#">大家电</a></dd>
                            <dd><a href="#">联系客服</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>配送方式</dt>

                            <dd><a href="#">上门自提</a></dd>
                            <dd><a href="#"> 211限时达</a></dd>
                            <dd><a href="#">配送服务查询</a></dd>
                            <dd><a href="#">配送费收取标准</a></dd>
                            <dd><a href="#"> 海外配送</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>支付方式</dt>

                            <dd><a href="#"> 货到付款</a></dd>
                            <dd><a href="#"> 在线支付</a></dd>
                            <dd><a href="#">分期付款</a></dd>
                            <dd><a href="#">邮局汇款</a></dd>
                            <dd><a href="#">公司转账</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>售后服务</dt>

                            <dd><a href="#">售后政策</a></dd>
                            <dd><a href="#"> 价格保护</a></dd>
                            <dd><a href="#">退款说明</a></dd>
                            <dd><a href="#">返修/退换货</a></dd>
                            <dd><a href="#">取消订单</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>特色服务</dt>

                            <dd><a href="#">夺宝岛</a></dd>
                            <dd><a href="#"> DIY装机</a></dd>
                            <dd><a href="#">延保服务</a></dd>
                            <dd><a href="#">品优购E卡</a></dd>
                            <dd><a href="#">品优购通信</a></dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>帮助中心</dt>

                            <dd><img src="images/app.png" alt="" /></dd>
                            <dd>品优购APP</dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="footer_footer">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机品优购</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">品优购社区</a></li>
                    <li><a href="#">品优购公益</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>
                    地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                </p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
        </footer>
        <div class="w last_footer">已经到底了哦……</div>
        <!-- 底部结束 -->
</body>

</html>